<template>
  <el-button
    :type="component.props.type"
    :size="component.props.size"
    :disabled="component.props.disabled"
    :round="component.props.round"
    :style="getStyles()"
  >
    {{ component.props.value }}
  </el-button>
</template>

<script setup>
import { computed } from 'vue'

const props = defineProps({
  component: Object,
})

// 获取组件样式
const getStyles = () => {
  if (!props.component || !props.component.style) return {}
  return props.component.style
}
</script>
